<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>关于我们</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/about.css">
        <link rel="stylesheet" href="css/itemScale.css">
    </head>
    <body>
        <div class="container">
            <div class="scroll">
                <p class="track"></p>
                <p class="bar" canmove='false'></p>
            </div> 
            <header>
                <div class="tpLft flex flex-align-items">
                    <a href="index.html" class="logo">
                        <img src="img/common/logo.png" alt="logo">
                        <img src="img/common/logoC.png" class="c" alt="logo">
                    </a>
                    <p class="menuBtn flex flex-align-items flex-justify-content">
                        <span></span>
                        <span></span>
                        <span></span>
                    </p>
                </div>
                <div class="menu cursor flex">
                    <div class="side flex flex-align-items">
                        <nav>
                            <a href="index.html">首页</a>
                            <a href="about.html">关于我们</a>
                            <a href="items.html">作品集</a>
                            <a href="recruit.html">招聘</a>
                            <a href="contact.html">联系我们</a>
                        </nav>
                    </div>
                    <div class="products flex">
                        <div class="classify flex flex-align-items">
                            <p data-categories="all">
                                <span>所有产品</span>
                                <sup>22</sup>
                            </p>
                            <p data-categories="sxbl">
                                <span>实心玻璃幕墙系统</span>
                                <sup>10</sup>
                            </p>
                            <p data-categories="cw">
                                <span>除雾墙系统</span>
                                <sup>5</sup>
                            </p>
                            <p data-categories="dl">
                                <span>独立式系统</span>
                                <sup>1</sup>
                            </p>
                            <p data-categories="ssm">
                                <span>伸缩门</span>
                                <sup>6</sup>
                            </p>
                        </div>
                        <div class="palace flex">
                            <a href="itemInfo.html" class="item" data-categories="sxbl">
                                <div class="pic">
                                    <div class="box">
                                        <div class="inner">
                                            <img class="obj-c" src="img/common/item1.jpg" alt="项目图">
                                        </div>
                                    </div>
                                </div>
                                <h1>Mimo</h1>
                                <p>投入少</p>
                            </a>
                            <a href="itemInfo.html" class="item" data-categories="cw">
                                <div class="pic">
                                    <div class="box">
                                        <div class="inner">
                                            <img class="obj-c" src="img/common/item2.jpg" alt="项目图">
                                        </div>
                                    </div>
                                </div>
                                <h1>Arco</h1>
                                <p>多用途吊舱</p>
                            </a>
                            <a href="itemInfo.html" class="item" data-categories="dl">
                                <div class="pic">
                                    <div class="box">
                                        <div class="inner">
                                            <img class="obj-c" src="img/common/item3.jpg" alt="项目图">
                                        </div>
                                    </div>
                                </div>
                                <h1>Zitto</h1>
                                <p>投入少</p>
                            </a>
                            <a href="itemInfo.html" class="item" data-categories="ssm">
                                <div class="pic">
                                    <div class="box">
                                        <div class="inner">
                                            <img class="obj-c" src="img/common/item4.jpg" alt="项目图">
                                        </div>
                                    </div>
                                </div>
                                <h1>Mimo</h1>
                                <p>投入少</p>
                            </a>
                        </div>
                        <div class="btnBox">
                            <p class="btn"><img src="img/common/menuArrow.png" alt="箭头"></p>
                        </div>
                    </div>
                </div>
            </header>
            <main>
                <div class="headPic ready">
                    <div class="box">
                        <img src="img/about/headPic.jpg" class="obj-c" alt="页头图">
                    </div>
                </div>
                <div class="headTip gap lg">
                    <div class="box flex">
                        <div class="t">
                            <h2>
                                <p class="show ready">穿石科技</p>
                            </h2>
                        </div>
                    </div>
                </div>
                <div class="tips gap lg">
                    <div class="contn flex">
                        <div class="block">
                            <div class="box show ready">
                                <h3>设计</h3>
                                <div class="pra">
                                    <p>穿石就是关于好的设计。穿石产品不仅性能卓越，而且始终象征着精致和精致。从墙壁到独立式吊舱，我们的产品都是美化空间的建筑元素。</p>
                                </div>
                            </div>
                            <div class="box show ready">
                                <h3>适应性</h3>
                                <div class="pra">
                                    <p>适应性，多功能性和灵活性是我们产品和员工的关键词。我们不仅努力使我们的产品易于拆卸和移动，而且还始终满足客户的特定需求。我们知道每个项目都是唯一的，有些项目可能需要自定义选项。在Muraflex，我们有一个团队致力于使这些设计变为现实。</p>
                                </div>
                            </div>
                        </div>
                        <div class="block scrollItem" scroll-start="former" scroll-stop="overself">
                            <div class="box show ready">
                                <h3>服务</h3>
                                <div class="pra">
                                    <p>在穿石，我们牢记最终用户的每一个步骤。从墙体研发到售后服务，我们拥有一支经验丰富的工程师，本地代表，项目经理和售后服务顾问团队，他们致力于确保超越每个客户的期望。</p>
                                </div>
                            </div>
                            <div class="box show ready">
                                <h3>质量</h3>
                                <div class="pra">
                                    <p>这是穿石提供高品质产品的使命的一部分。我们离不开彼此，我们提供非凡的设计美学和高质量的结果。我们遍布北美和欧洲的工程师团队与客户一起创建性能最高的墙面系统。</p>
                                </div>
                            </div>
                        </div>
                        <div class="block scrollItem" scroll-start="former" scroll-stop="overself">
                            <i class="horLine scrollItem" scroll-start="100%" scroll-stop="0%"></i>
                        </div>
                    </div>
                </div>
                <div class="video gap">
                    <div class="contn">
                        <div class="box cursor">
                            <video poster="img/about/poster.jpg">
                                <source src="video/emp.mp4" type="video/mp4">
                            </video>
                            <img src="img/about/play.png" class="play" alt="播放按钮">
                        </div>
                    </div>
                </div>
                <div class="team gap">
                    <div class="contn">
                        <div class="ttl flex flex-align-items">
                            <h2 class="scrollItem" scroll-start="former" scroll-stop="overself">
                                <p class="show ready">我们的</p>
                                <p class="show ready">团队</p>
                            </h2>
                            <div class="desc scrollItem" scroll-start="former" scroll-stop="overself">
                                <p class="show ready slow">穿石是一支充满激情和不可阻挡的团队。我们不仅热爱我们所做的，我们也一直在挑战自己，以达到更高的目标，不仅是在我们创造的产品，而且在我们提供的服务。</p>
                            </div>
                        </div>
                        <div class="list">
                            <div class="r ready show">
                                <div class="info flex flex-align-items">
                                    <div class="pic">
                                        <div class="mid">
                                            <img src="img/about/pp.jpg" class="obj-c" alt="真人照片">
                                        </div>
                                    </div>
                                    <div class="txt">
                                        <h3 class="name">吴一凡</h3>
                                        <p class="pstn">总裁兼首席执行官</p>
                                    </div>
                                </div>
                                <div class='box'>
                                    <p>吴一凡在商业室内装饰行业中度过了他的大部分职业生涯，他于2009年创立了Muraflex。由于具有意大利血统，并且在企业建筑产品方面拥有丰富的经验，Fernando对市场的了解以及他对设计的远见使Muraflex开拓了自己的市场定位。影响很大。大约10年后，Muraflex主要作为行业领先的公司出现在美国和加拿大，并提供无与伦比的美感，精致度和设计精湛的产品。</p>
                                </div>
                            </div>
                            <div class="r ready show">
                                <div class="info flex flex-align-items">
                                    <div class="pic">
                                        <div class="mid">
                                            <img src="img/about/pp.jpg" class="obj-c" alt="真人照片">
                                        </div>
                                    </div>
                                    <div class="txt">
                                        <h3 class="name">吴一凡</h3>
                                        <p class="pstn">总裁兼首席执行官</p>
                                    </div>
                                </div>
                                <div class='box'>
                                    <p>吴一凡在商业室内装饰行业中度过了他的大部分职业生涯，他于2009年创立了Muraflex。由于具有意大利血统，并且在企业建筑产品方面拥有丰富的经验，Fernando对市场的了解以及他对设计的远见使Muraflex开拓了自己的市场定位。影响很大。大约10年后，Muraflex主要作为行业领先的公司出现在美国和加拿大，并提供无与伦比的美感，精致度和设计精湛的产品。</p>
                                </div>
                            </div>
                            <div class="r ready show">
                                <div class="info flex flex-align-items">
                                    <div class="pic">
                                        <div class="mid">
                                            <img src="img/about/pp.jpg" class="obj-c" alt="真人照片">
                                        </div>
                                    </div>
                                    <div class="txt">
                                        <h3 class="name">吴一凡</h3>
                                        <p class="pstn">总裁兼首席执行官</p>
                                    </div>
                                </div>
                                <div class='box'>
                                    <p>吴一凡在商业室内装饰行业中度过了他的大部分职业生涯，他于2009年创立了Muraflex。由于具有意大利血统，并且在企业建筑产品方面拥有丰富的经验，Fernando对市场的了解以及他对设计的远见使Muraflex开拓了自己的市场定位。影响很大。大约10年后，Muraflex主要作为行业领先的公司出现在美国和加拿大，并提供无与伦比的美感，精致度和设计精湛的产品。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="awards gap">
                    <div class="contn">
                        <div class="ttl flex flex-align-items">
                            <h2 class="scrollItem" scroll-start="former" scroll-stop="overself">
                                <p class="show ready">我们的</p>
                                <p class="show ready">获奖情况</p>
                            </h2>
                            <div class="desc scrollItem" scroll-start="former" scroll-stop="overself">
                                <p class="show ready slow">多年来，穿石为获得各种奖项而感到自豪。无论是出于我们的设计还是我们的性能，我们的每一种产品都受到业界的认可，而我们的公司则为其员工所认可。</p>
                            </div>
                        </div>
                        <div class="prides">
                            <div class="item show ready">
                                <img src="img/about/award.jpg" alt="获奖图片">
                                <p>2016年chuanshi大奖获得者</p>
                            </div>
                            <div class="item show ready">
                                <img src="img/about/award.jpg" alt="获奖图片">
                                <p>2016年chuanshi大奖获得者</p>
                            </div>
                            <div class="item show ready">
                                <img src="img/about/award.jpg" alt="获奖图片">
                                <p>2016年chuanshi大奖获得者</p>
                            </div>
                            <div class="item show ready">
                                <img src="img/about/award.jpg" alt="获奖图片">
                                <p>2016年chuanshi大奖获得者</p>
                            </div>
                            <div class="item show ready">
                                <img src="img/about/award.jpg" alt="获奖图片">
                                <p>2016年chuanshi大奖获得者</p>
                            </div>
                            <div class="item show ready">
                                <img src="img/about/award.jpg" alt="获奖图片">
                                <p>2016年chuanshi大奖获得者</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper gap">
                    <div class="contn">
                        <div class="swiperBox show ready">
                            <div class="swiper-container winnerSwiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <p class="pic"><img src="img/about/winner1.jpg" class="obj-c" alt="轮播图"></p>
                                        <p class="details">2016年chuanshi大奖获得者</p>
                                    </div>
                                    <div class="swiper-slide">
                                        <p class="pic"><img src="img/about/winner2.jpg" class="obj-c" alt="轮播图"></p>
                                        <p class="details">2018年网页设计大奖获得者</p>
                                    </div>
                                    <div class="swiper-slide">
                                        <p class="pic"><img src="img/about/winner1.jpg" class="obj-c" alt="轮播图"></p>
                                        <p class="details">2016年chuanshi大奖获得者</p>
                                    </div>
                                </div>
                            </div>
                            <div class="btns flex">
                                <p class="cursor prev">
                                    <img src="img/common/prev.png" alt="prev按钮">
                                </p>
                                <p class="cursor next">
                                    <img src="img/common/next.png" alt="next按钮">
                                </p>
                            </div>
                            <div class="add">
                                <img src="img/items/magnifier.png" alt="放大镜图标">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="scalePalace">
                    <div class="box flex">
                        <div class="details">
                            <h3></h3>
                            <p></p>
                        </div>
                        <div class="swiperBox">
                            <div class="swiper-container scaleSwiper">
                                <div class="swiper-wrapper"></div>
                            </div>
                        </div>
                        <div class="close cursor">
                            <span></span>
                            <span></span>
                        </div>
                        <div class="btns flex flex-justify-content">
                            <p class="prev cursor">
                                <img src="img/items/prev.png" alt="prev按钮">
                            </p>
                            <p class="next cursor">
                                <img src="img/items/next.png" alt="next按钮">
                            </p>
                        </div>
                        <div class="pages flex flex-justify-content">
                            <p class="current"></p>
                            <p class="length"></p>
                        </div>
                    </div>

                </div>
                <div class="cooperate gap">
                    <div class="contn">
                        <div class="ttl flex flex-align-items">
                            <h2 class="scrollItem" scroll-start="former" scroll-stop="overself">
                                <p class="show ready">我们的</p>
                                <p class="show ready">合作客户</p>
                            </h2>
                            <div class="desc scrollItem" scroll-start="former" scroll-stop="overself">
                                <p class="show ready slow">我们热忱感谢每位客户与他们合作创造优雅而实用的空间的机会。我们将继续提高标准，将精通设计和性能的建筑作品推向市场。在穿石，您的视力不受限制。</p>
                            </div>
                        </div>
                        <div class="client">
                            <div class="item show ready">
                                <img src="img/about/client1.png" alt="合作客户">
                            </div>
                            <div class="item show ready">
                                <img src="img/about/client1.png" alt="合作客户">
                            </div>
                            <div class="item show ready">
                                <img src="img/about/client1.png" alt="合作客户">
                            </div>
                            <div class="item show ready">
                                <img src="img/about/client1.png" alt="合作客户">
                            </div>
                            <div class="item show ready">
                                <img src="img/about/client1.png" alt="合作客户">
                            </div>
                            <div class="item show ready">
                                <img src="img/about/client1.png" alt="合作客户">
                            </div>
                        </div>
                    </div>
                </div>
            </main>
            <footer>
                <nav class="flex flex-justify-content flex-align-items">
                    <a href="index.html">首页</a>
                    <a href="about.html">关于我们</a>
                    <a href="items.html">作品集</a>
                    <a href="recruit.html">招聘</a>
                    <a href="contact.html">联系我们</a>
                </nav>
                <p class="support">
                    <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/about.js"></script>
    </body>
</html>